<template>
	<div>
		<marquee direction="up" height='300'>
			<h2>▋ 高风险地区</h2>
			<ul>
				<li v-for="(item,index) in $store.state.tian.riskarea.high" :key="index">
					{{item}}
				</li>
			</ul>
			<h2>▋ 中风险地区</h2>
			<ul>
				<li v-for="(item,index) in $store.state.tian.riskarea.mid" :key="index">
					{{item}}
				</li>
			</ul>
		</marquee>
	</div>
</template>

<script>
</script>

<style scoped="scoped" lang="less">
	div{
		width: 100%;
		border-radius: 15px;
		background-color: rgba(0,0,0,.5);
		margin-bottom: 1em;
		height: 300px;
		h2{
			color: #fff;
			font-size: 16px;
			font-family: '黑体';
			text-indent: 2em;
			padding-top: 1em;
			margin-bottom: 1em;
		}
		li{
			list-style-type: none;
			padding-left: 1em;
			margin-bottom: .5em;
			color: #fff;
		}
	}
</style>
